<template>
    <div class="basic-container">
        <el-card>
            <slot></slot>
        </el-card>
    </div>
</template>

<script>
    export default {
        name: "basicContainer"
    }
</script>

<style lang="scss">

    .basic-container {
        background: #ffffff;
        padding: 8px 10px;
        border-radius: 10px;
        box-sizing: border-box;
        width: 100%;
        height: calc(100% - 33px) !important;

        .el-card {
            height: 100%;
            width: 100%;
        }

        .el-card__body {
            padding: 0;
            height: 100%;
            width: 100%;
        }

        .avue-crud-upload__avatar {
            width: 80px;
            height: 80px;
        }

        .el-scrollbar__view {
            padding: 0 5px;
        }
    }
</style>